.kuafu-apartment-page {
  position: relative;
  :deep(.u-icon ){
    position: fixed;
    top: 100rpx;
    left: 15rpx;
    width: 60rpx;
    height: 60rpx;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    justify-content: center;
    z-index: 99999;
    .u-icon__icon {
      color: @color-white!important;
    }
  }
  .page-bg {
    width: 100vw;
    height: 516rpx;
    background: @kuafu-apartment-home-bg no-repeat center;
    background-size: cover;
  }

  .page-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 14rpx 18rpx 14rpx;

    .menu-box {
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin-top: -90rpx;
      width: 100%;
      height: 180rpx;
      box-sizing: border-box;
      border-radius: 33rpx;
      background-color: @color-origin-white;
      box-shadow: 0 5rpx 13rpx 1rpx rgba(0, 0, 0, .05);
    }

    .swiper {
      margin-top: 45rpx;
      width: 100%;

      :deep(.u-swiper) {
        height: 240rpx !important;

        .u-swiper__wrapper {
          height: inherit !important;

          .u-swiper__wrapper__item {
            .u-swiper__wrapper__item__wrapper {
              .u-swiper__wrapper__item__wrapper__image {
                width: 100%;
                height: 240rpx !important;
                object-fit: fill;
              }
            }
          }
        }
      }
    }

    .apartment {
      margin-top: 28rpx;
      .title {
        font-family: 'ali-p';
        font-weight: 500;
        font-size: 31rpx;
        color: @color-black-text;
      }
      .card {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        [id^="apartment"] {
          width: 48%;
        }
      }
    }
  }
}
